Créer un blog
La première étape du blog : le créer. Pour cela, je ne me suis pas vraiment embêtée avec des noms de domaines, des benchmarks d'hébergements... Après avoir vu passer un tweet de Mathis Hammel sur le sujet, j'ai décidé de creuser l'option "hébergement par GitHub". Un résumé de la version ultra light que j'ai appliquée.
Comment créer un site web statique et le publier simplement ? La page
GitHub (ou GitHub Page) !
Grosso modo, la page GitHub va te permettre de transformer un
repository GitHub avec tous ses fichiers en un site web : l'héberger,
lui donner une URL, le déployer, etc.
Le site créé sera "statique", donc fait en HTML, CSS et Javascript (ce qui permet déjà pas mal de choses).
Pour commencer, il faut avoir un compte GitHub. Si tu n'en as pas, il suffit de le créer sur GitHub. Puis, il faut créer un repository en allant sur le petit logo de ton compte en haut à droite, en cliquant sur "your repositories" (ou tout équivalent selon la langue), puis sur le bouton vert "NEW". Attention, deux conditions à respecter :
- le nom du repository doit correspondre au nom de ton compte github suivi de github.io. Par exemple, Mulan inscrite sur GitHub sous son nom "Mulan" créera un repo mulan.github.io;
- le repository doit être public (c'est un peu l'objectif de publier un site web...).
Une fois le repo créé, il suffit de procéder exactement comme pour n'importe quel repo GitHub :
- Cloner le repo sur votre ordinateur (comme vous avez l'habitude, en utilisant votre outil GitHub Desktop ou autre, via le terminal, via GitHub..)
- Créer votre page index.html. puis les fichiers associés dont vous avez besoin. Relier les fichiers si besoin.
Pour construire le site ensuite, deux options : coder le tout en html/css/javascript ou prendre des canevas existants, comme par exemple (liste pas du tout exhaustive) :
- blog : créer un blog responsive par W3School.
- portfolio : la vidéo de A à Z de FrenchCoder
ou utiliser les layouts proposés par GitHub pour l'hébergement des sites statiques, tels que Jekyll qui fournit des thèmes pour les pages GitHub.
A chaque fois qu'une modification sera push sur GitHub et qu'ainsi les fichiers seront à jour sur votre compte GitHub, votre site sera mis à jour ! Il est conseillé de maîtriser un minimum GitHub et pour les plus courageux Git, par exemple via la doc de MDN, ou des exercices de GIT.
Pour aller plus loin :